  .root {
      width: 700px;
      padding-top: 10px;
      border: 1px solid #ccc;
      background-color: #fefefe;
      box-shadow: 0 0 10px 2px #d3d3d3;
      border-radius: 5px;
  }
  
  .arrow {
      width: 24px;
      height: 11px;
      background-position: -48px 0;
  }
  
  .all {
      padding: 10px 25px;
      border-bottom: 1px solid #e2e2e2;
  }
  
  .category {
      padding-left: 25px;
  }
  
  .left {
      display: inline-block;
      align-items: center;
      padding: 15px 0 10px;
      width: 70px;
      text-align: center;
  }
  
  .left i {
      display: inline-block;
      width: 24px;
      height: 24px;
      background-position: -20px -735px;
      margin-right: 8px;
  }
  
  .right {
      padding-top: 18px;
      padding-left: 15px;
      flex: 1;
      display: flex;
      flex-wrap: wrap;
      border-left: 1px solid #e2e2e2;
  }
  
  .subItem {
      flex-shrink: 0;
      margin-bottom: 8px;
      cursor: pointer;
  }
  
  .divider {
      margin: 0 12px;
      color: #e2e2e2;
  }